<template>
  <div class="school">
      <h2>学校名称：{{name}}</h2>
      <h2>学校地址：{{address}}</h2>
      <button @click="sendSchoolName">点我传递学校名称</button>
  </div>
</template>

<script>

  export default {
    name: 'School',
    props:['getSchoolName'],
    data(){
      return{
        name:'inspurwahaha',
        address: 'jinan'
      }
    },
    methods:{
      sendSchoolName(){
        this.getSchoolName(this.name)
      }
    }
  }
</script>

<style scoped>
  .school {
    background-color: skyblue;
    padding: 10px;
  }
</style>